<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <style type="text/css">
    	.warp img{
    		width: 100%;
    		height: auto;
			display: block;
			float: left;
    	}
    	.img6,.img7{
    		width: 50% !important;
    		height: auto;
    	}
    </style>
</head>
<body>
	<div class="warp">
		<img src="img/img1.png"/>
		<img src="img/img2.png"/>
		<img src="img/img3.png"/>
		<img src="img/img4.png"/>
		<img src="img/img5.png"/>
		<img src="img/img6.png" class="img6"/>
		<img src="img/img7.png" class="img7"/>
	</div>
</body>
<script src="js/jquery-3.2.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	$(".img6").click(function(){
    		window.location.href = "http://app.tl178.cn/#/projectInfo/17"
    	})
    	$(".img7").click(function(){
    		window.location.href = "http://app.tl178.cn/#/projectInfo/18"
    	})
    </script>
</html>